<%@ taglib prefix="a" uri="http://jmaki/v1.0/jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <head>
        <link rel="stylesheet" href="jmaki-store.css" type="text/css"></link>
        <title>jMaki Store</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
        <div id="outerBorder">
            
            <div id="header">
                <div id="banner">jMaki Store</div>
                
                <div id="subheader">
                    
                    <div>
                        <a href="http://forums.java.net/jive/forum.jspa?forumID=96">Feedback</a> |
                        <a href="index.jsp">Home</a>
                    </div>
                    
                </div> <!-- sub-header -->
            </div> <!-- header -->

            <div id="main">
                
                
                <div id="leftSidebar">
                    
                    <a:widget name="jmaki.accordionMenu"
                              value="{menu : [
                                      {label: 'Reptiles',
                                       menu: [
                                        { label :'Turtles',
                                          action : { topic: '/controller',
                                                    message: { value : 'turtles'}}
                                        }
                                       ]
                                     },
                              { label: 'Birds',
                                selected : true,
                                menu: [                    
                                   { label :'Birds',
                                    
                                     action :{topic: '/controller',
                                       message: { value : 'birds'}}
                                   },
                                   { label :'More Birds',
                                     action :{topic: '/controller',
                                       message: { value : 'birds2'}}
                                   }                                   
                              ]}
                              ]
                              }" />
                    
                </div> <!-- leftSidebar -->
                
                <div id="cart" style="float:right;width:290px">
                    <div style="text-align:center;background-image : url(images/theme/bg-charcol-s.gif);font-size:15px;padding-top:5px;padding-bottom:5px">Your Cart</div>
                    <div style="height:340px">
                    <a:widget name="jmaki.cart"
                              subscribe="/jmaki/cart"/>
                   </div>
                </div>

                <div id="content" style="height:600px">
                    <a:widget name="jmaki.ibrowser"
                              subscribe="/ibrowser"
                              args="{width:600, height:600}"/>
                    
                </div> <!-- content -->

            </div> <!-- main -->

            <div id="footer">(C)2007 jMaki Store</div>  
            
        </div> <!-- outerborder -->

    </body>
</html>
